css animation [무작정 따라하기] 얘! 코가 커졌다 작아졌다하는 로딩 화면이란다 : CSS animation 오랜만의 운동으로 그만 뻗어버린 나... 기절(?)해 있었는데 메가바이트 스쿨에서 같이 듣는 팀원 분의 카톡으로 겨우 일어날 수 있었다. 팀원 분께서 연락하신 이유는 당시 질문받은 내 표정 'CSS보다 차라리 자바스크립트가 낫다!'라고 생각하던 나에게, 게다가 막 잠에서 깨 비몽사몽한 나에겐 '이게... 내 코딩 생활은 끝나면 안되기 때문에 컴퓨터 앞으로 가서 바로 구글링을 시도했다. 이게 ... CSShtmlcss animationCSS TIL #3 | CSS Animation ( feat. @keyframes, perspective) 이전에 프로젝트할 때는 애니메이션을 크게 쓸일이 없었다. 단순히 카드이미지 위에 호버하면 크기가 약간 커지는 정도가 다였기 때문에 애니메이션에 대해서 이렇게 자세히 알아본건 이번이 처음이였다. 단순히 transition, transform과 hover만 이용해도 css를 동적으로 만들 수 있다. 여기에 @keyframes를 이용한다면 더 자유롭게 원하는 애니메이션을 만들어줄 수 있다. 지금까... TILcss animation프론트엔드스쿨TIL
[무작정 따라하기] 얘! 코가 커졌다 작아졌다하는 로딩 화면이란다 : CSS animation 오랜만의 운동으로 그만 뻗어버린 나... 기절(?)해 있었는데 메가바이트 스쿨에서 같이 듣는 팀원 분의 카톡으로 겨우 일어날 수 있었다. 팀원 분께서 연락하신 이유는 당시 질문받은 내 표정 'CSS보다 차라리 자바스크립트가 낫다!'라고 생각하던 나에게, 게다가 막 잠에서 깨 비몽사몽한 나에겐 '이게... 내 코딩 생활은 끝나면 안되기 때문에 컴퓨터 앞으로 가서 바로 구글링을 시도했다. 이게 ... CSShtmlcss animationCSS TIL #3 | CSS Animation ( feat. @keyframes, perspective) 이전에 프로젝트할 때는 애니메이션을 크게 쓸일이 없었다. 단순히 카드이미지 위에 호버하면 크기가 약간 커지는 정도가 다였기 때문에 애니메이션에 대해서 이렇게 자세히 알아본건 이번이 처음이였다. 단순히 transition, transform과 hover만 이용해도 css를 동적으로 만들 수 있다. 여기에 @keyframes를 이용한다면 더 자유롭게 원하는 애니메이션을 만들어줄 수 있다. 지금까... TILcss animation프론트엔드스쿨TIL